<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <p:outputLabel value="#{ayudante.TituloDetalles}"/>
        </ui:define>
        <ui:define name="body">
            <h:form>
                <p:panel header="Detalles del Ayudante">  
                    <h:inputHidden value="#{ayudanteController.selected.id}"/>
                    <table style="font-size: small">                        
                        <tr>
                            <th align="right" scope="row">RUC:</th>
                            <td style="width: 300px"><p:outputLabel id="txtRUC"  value="#{ayudanteController.selected.ruc}" /></td>
                            <td width="210" height="260" bgcolor="black" rowspan="7" align="center" valign="middle">
                                <p:graphicImage width="200" height="250" value="#{ayudanteController.image}">
                                    <f:param name="ayudanteId" value="#{ayudanteController.selected.id}" />
                                </p:graphicImage>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">Nombres:</th>
                            <td><p:outputLabel id="txtNombres"  value="#{ayudanteController.selected.nombres}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">Apellidos:</th>
                            <td><p:outputLabel id="txtApellidos"  value="#{ayudanteController.selected.apellidos}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">Dirección:</th>
                            <td><p:outputLabel id="txtDireccion"  value="#{ayudanteController.selected.direccion}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">Teléfono:</th>
                            <td><p:outputLabel id="txtTelefono"  value="#{ayudanteController.selected.telefono}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">Email:</th>
                            <td><p:outputLabel id="txtCorreo" value="#{ayudanteController.selected.email}" ></p:outputLabel></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">Estado:</th>
                            <td><p:selectBooleanCheckbox disabled="true" value="#{ayudanteController.selected.estado}"/></td>                                                   
                        </tr>    
                        <tr>
                            <th align="center" colspan="2" scope="row"></th>                            
                            <td align="center">
                                <strong>
                                    <p:outputLabel value="#{ayudante.Fotografia}"/>
                                </strong>
                            </td>
                        </tr>
                    </table> 
                    <br />
                    <div align="left" style="font-size: small">                        
                        <p:commandLink ajax="false" 
                                       action="#{ayudanteController.cargarModificarDetalleAyudante(ayudanteController.selected.id)}" 
                                       value="#{ayudante.Modificar}"
                                       rendered="#{accionController.getAccionByVista('Ayudante', 'Editar')}"/>
                        <br />
                        <h:link outcome="Index" value="#{ayudante.RegresarIndex}"/>
                    </div>    
                </p:panel>      
            </h:form>
        </ui:define>
    </ui:composition>
</html>

